// console.log(jQuery);


var $board = $('#board');


var $btn = $('#trigger');


$btn.on('mouseenter', function() {
	$btn.addClass('active')
})


$btn.on('mouseleave', function() {

	$btn.removeClass('active')
})





$btn.on('click', function() {




	if ($board.is(':visible')) {
		$board.hide();

	} else {

		$board.show();
	}
	console.log("click");


});


$board.on('mouseenter', function() {

	$board.addClass('active');


})



$board.on('mouseleave', function() {

	$board.removeClass('active');


})


// $( "p" ).on( "click", function() {
//     console.log( "click" );
// });
